<template>
	<!-- 1.空箱运输委托书 -->
	<div class="box boxIs box1 pr">
		<header class="head1 head tac">
			<img src="/images/logo1.png" height="40">
		</header>
		<h1 class="tac">空罐运输委托书</h1>
		<table class="table1" style="margin:20px 0;">
			<tbody>
				<tr>
					<td colspan="2">提罐点名称：{{ data.txplace }}</td>
				</tr>
				<tr>
					<td colspan="2">地址：{{ data.txdaddr }}</td>
				</tr>
				<tr>
					<td>联系人：{{ data.txdlinkman }}</td>
					<td>电话：{{ data.txdtel }}</td>
				</tr>
				<tr>
					<td colspan="2">集装罐号： {{ data.cntrno }}</td>
				</tr>
			</tbody>
		</table>
		<table class="table2" style="margin:20px 0;">
			<tbody>
				<tr>
					<td colspan="2">收罐人名称：{{ data.zhdcorp }}</td>
				</tr>
				<tr>
					<td colspan="2">地址：{{ data.zhdaddr }}</td>
				</tr>
				<tr>
					<td>联系人：{{ data.zhdlinkman }}</td>
					<td>电话：{{ data.zhdtel }}</td>
				</tr>
			</tbody>
		</table>
		<ul style="margin-left:20px;">
			<li style="list-style:square;">提箱时，若发现所提集装罐外部有损坏或异常，请即通知中远威治，等待中远威治的指令。</li>
		</ul>
		
		<h5 style="margin-top:40px;">中远威治联系人：</h5>
		<table class="table3" style="margin-top:10px;">
			<tbody>
				<tr>
					<td>联系人姓名： {{ data.op }}</td>
					<td>联系电话：  </td>
				</tr>
			</tbody>
		</table>
		<div style="text-align:right;margin-top: 40px;">{{ props.date.year }}年{{ props.date.month }}月{{ props.date.day }}日</div>

		<footer clas="foot foot1 pa" style="bottom:0;width: 700px;left:50%;margin-left: -350px;position: absolute;">
			<p>201905版</p>
		</footer>
	</div>
</template>
<!-- 1.空箱运输委托书 -->
<script setup lang="ts">
import { onMounted, reactive } from "vue"


interface Props {
    bjno:string,
		data:anyObj,
		date:anyobj
}

const props = withDefaults(defineProps<Props>(), {
    bjno: '',
		data:{},
		date:{}
})



</script>

<style lang="scss" scoped>
@import '../../../../styles/print.css';
</style>